<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>EPGList: Plain JavaScript with inline html template</title>
	<link rel="stylesheet" href="styles/epg.css">
	<script src="scripts/config.js"></script>
	<script src="scripts/util.js"></script>
	<script src="scripts/demo1.js"></script>
	<script>
	  function playProgram(startTime)
	  {
		  alert("Seeking Program...");
	  }
    var curIdx = -1;
	  function initUIActions()
	  {
	    document.getElementById("prevProgram").onclick = function ()
	    {
		    if (curIdx >= 0)
		    {
			    setActiveEPGProgram(--curIdx);
		    }
	    };
	    document.getElementById("nextProgram").onclick = function ()
	    {
		    if (curIdx <= getEPGProgramLength() - 1)
		    {
			    setActiveEPGProgram(++curIdx);
		    }
	    };
	  }
	</script>
	<script>
		window.onload = function ()
		{
			// Entry
			loadEPGFeed();
			initUIActions();
		}
	</script>
</head>
<body>
<input type="button" value="&lt" id="prevProgram"/>
<input type="button" value="&gt" id="nextProgram"/>
<div id="epgContainer">
	<!--
	<ul>
		<li class="item">
			<div class="title">Brazilian League 2017: CORINTHIANS v FLAMENGO</div>
			<a href="javascript:void(0);">Play</a>
		</li>
	</ul>
	-->
</div>
</body>
</html>